<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>添加联系人</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		body{
			background-color:#F3F1Ec;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-size: 13px;
			line-height: 18px;
		}
	
		
		.sidebar{
			margin-top:35px;
		}
		.sidebar .title {
			border-bottom: 1px solid #CCCCCC;
			color: #000000;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
			padding-bottom: 3px;
		}
		#search{
			border-radius: 14px 14px 14px 14px;
			width:110px;
		}
		.dropdown a{
			margin-right:30px;
		}
		input, textarea, select, .uneditable-input {
			background-color: #FFFFFF;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			color: #555555;
			
		}
		textarea.content {
			height: 100px;
			margin: 0;
			width: 70%;
		}
		.main {
			padding: 20px 20px 0;
		}
		div.left{
			width:60%;
		}
		div.right{
			width:30%;
		}
		div.control-group{
			margin-left:-90px;
		}
	</style>

  </head>
  
  <body>
  
  	<%@ include file="include/base.jsp" %>
		<%@ include file="include/base-top.jsp" %>
		
    	<div class="container">
		<div class=" well span8 left">
			<div class="right-top "><span style="font-size:24px;">添加公司</span></div>
			
			<div class="main">
				<form  method="post" id="contact_form" class="simple_form form-horizontal" action="addcompany.jspx" >
					<div class="control-group string required">
						<label for="person_name" class="string required control-label">
							<abbr title="required">*</abbr> 名称</label>
						<div class="controls">
							<input type="text" size="50" id="person_name" class="string required" name ="company.companyname">
						</div>
					</div>
					
								
					<div class="control-group string optional marco_polo_container">
						<label for="person_phone" class="string optional control-label"> 电话</label>
						<div class="controls">
							<div id="contact_phone_list_company" class="contact_forms contact_phones">
									
									<div style="" class="contact_methods">
										<input type="text" size="30" name ="company.tel" id="person_contact_phones__value" class="autofocus">
											<select name="person[contact_phones][][key]" id="person_contact_phones__key">
												<option value="office">公司</option>
												<option value="work">工作</option>
												<option value="mobile">手机</option>
												<option value="fax">传真</option>
												<option value="home">住宅</option>
												<option value="other">其它</option>
											</select>
									</div>
							</div>
						</div>
					</div>
					<div class="control-group email optional">
						<label for="person_contact_email" class="email optional control-label"> 邮箱</label>
							<div class="controls">
								<div id="contact_email_list_company" class="contact_forms contact_emails">
					
									<div style="" class="contact_methods">
											
											<div class="contact_method new_contact_method edit_phone" id="contact_email_3e6b5cd0-95a1-012f-f0bf-000c29568e7b">
									
												<input type="text" size="30" name1="person[contact_emails][][value]" id="person_contact_emails__value" class="autofocus" name ="company.email">
												<select name="person[contact_emails][][key]" id="person_contact_emails__key">
													<option value="work">工作</option>
													<option value="personal">个人</option>
													<option value="other">其它</option>
												</select>
													
											</div>
										
									</div>
								</div>

							</div>
					</div>
					
					<div class="control-group string optional"><label for="person_contact_im" class="string optional control-label"> IM</label>
						<div class="controls">
							<div id="contact_im_list_company" class="contact_forms contact_ims">
							
								<div style="" class="contact_methods">
									<input type="text" size="30" name="person[contact_ims][][value]" id="person_contact_ims__value" class="autofocus">
									<select name1="person[contact_ims][][key]" id="person_contact_ims__key" name ="company.im">
										<option value="qq">QQ</option>
										<option value="gtalk">GTalk</option>
										<option value="msn">MSN</option>
										<option value="other">其它</option>
									</select>
									
								</div>
									
							</div>
						</div>
					</div>
					
					<div class="control-group string optional">
						<label for="person_contact_website" class="string optional control-label"> 网站</label>
						<div class="controls">
							<div style="" class="contact_methods">
								<div class="contact_method new_contact_method edit_phone" id="contact_website_3e6e4580-95a1-012f-f0c1-000c29568e7b">
									<input type="text" size="30" name="company.website" id="person_contact_websites__value" class="autofocus">
									<select name="person[contact_websites][][key]" id="person_contact_websites__key">
										<option value="office">公司</option>
										<option value="personal">个人</option>
										<option value="other">其它</option>
									</select>
										
								</div>
									
							</div>
						</div>
					</div>
					
					<div class="control-group string optional">
						<label for="person_contact_address" class="string optional control-label"> 地址</label>
						<div class="controls">
							<div style="" class="contact_methods">
								<div class="contact_method new_contact_method edit_phone" id="contact_address_3e6f8b70-95a1-012f-f0c2-000c29568e7b">
								<input type="text" size="30" name="company.address" id="person_contact_addresses__value" class="autofocus">
									<select name="person[contact_addresses][][key]" id="person_contact_addresses__key">
										<option value="office">公司</option>
										<option value="home">住宅</option>
										<option value="other">其它</option>
									</select>
								
								</div>
							</div>
						</div>

					</div>
					
					<div class="control-group string optional">
						<label for="person_contact_sns_attributes_0_value" class="string optional control-label"> 新浪微博</label>
						<div class="controls help-block">
						<input type="text" size="50" name="company.weibo" id="person_contact_sns_attributes_0_value" class="string optional">
						输入微博昵称或ID
						</div>
					</div>
					<div class="control-group text optional">
						<label for="person_others" class="text optional control-label"> 背景信息</label>
						<div class="controls">
							<textarea rows="20" name="company.message" id="person_others" cols="40" class="text optional content">
							</textarea><p class="help-block">简介，如何认识的等</p>
						</div>
					</div>
					
					<div class="control-group string optional">
						<label for="person_access_policy" class="string optional control-label"> 谁可以看见？</label>
						<div class="controls">
							<div class="radio scope activated">
								<input type="radio" value="Everyone" name="person[access_policy_attributes][scope]" id="person_access_policy_attributes_scope_everyone" checked="checked"> 所有同事
							</div>
							<div class="radio scope ">
								<input type="radio" value="Owner" name="person[access_policy_attributes][scope]" id="person_access_policy_attributes_scope_owner"> 只有我能看见
								<input type="hidden" value="5861" name="person[access_policy_attributes][owner_id]" id="person_access_policy_attributes_owner_id">
							</div>
							
							
							
						</div>
					</div>
					
					<div class="form-actions">
						<input type="submit" value="保存公司" name="commit" data-loading-text="处理中.." class="btn btn-primary">
							<a name="next_action" data-loading-text="处理中.." class="btn btn-success" href="addContact.jspx">继续添加联系人</a>
							<a class="btn" href="/contacts">取消</a>
					</div>
				</form>
			</div>	
		</div>
		

		<div class="right span4">
					
					<div class="well">
						<legend>您还可以通过以下方式导入联系人</legend>
						<ul>
							
							<li><a href="https://1338982201.workxp.info/contact_imports/new?from=outlook">从Outlook导入</a></li>
							<p>您可以从Outlook 2003, 2007, and Outlook Express等导入联系人</p>
							<li><a href="https://1338982201.workxp.info/contact_imports/new?from=xls">上传Excel文件</a></li>
							<p>目前我们只支持微软老版本的Excel格式，还不支持.xlsx格式，请在导入前转成.xls格式</p>
						</ul>
					</div>
		</div>
	</div>
  </body>
</html>
